<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  div {

   border: silver 1px solid;
   margin: 0.3em;
   padding: 0.3em;

  }

  .parent {

   margin: 1em 0.3em 0.3em;
   
  }

  .parent > .child {

   background-color: yellow;

  }

 </style>
</head>
<body>
 <script src="ie7-demo.js"></script>
 <h2>parent &gt; child</h2>

 <div class="parent">Parent
  <div class="child">Child</div>
 </div>
 <div class="parent">Parent
  <div class="baby-sitter">Baby-sitter
   <div class="child">Child</div>
  </div>
 </div>

 <p>&lt;&nbsp;<a href="index.html">back</a></p>
</body>
</html>
